.menu-bg-admin{
    background: #93cede; /* Old browsers */
    background: -moz-linear-gradient(top,  #93cede 0%, #75bdd1 18%, #86c1c9 51%, #6fabbc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93cede), color-stop(18%,#75bdd1), color-stop(51%,#86c1c9), color-stop(100%,#6fabbc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #93cede 0%,#75bdd1 18%,#86c1c9 51%,#6fabbc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #93cede 0%,#75bdd1 18%,#86c1c9 51%,#6fabbc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #93cede 0%,#75bdd1 18%,#86c1c9 51%,#6fabbc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #93cede 0%,#75bdd1 18%,#86c1c9 51%,#6fabbc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#6fabbc',GradientType=0 ); /* IE6-9 */


    width:62px;
    height:480px;    
    padding-top: 20px;

    border-radius: 0px 28px 28px 0px;
    border: solid #777 0.5px;
}
.menu-bg-user{
    background: #93cede; /* Old browsers */
    background: -moz-linear-gradient(top,  #93cede 0%, #75bdd1 18%, #86c1c9 51%, #6fabbc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93cede), color-stop(18%,#75bdd1), color-stop(51%,#86c1c9), color-stop(100%,#6fabbc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #93cede 0%,#75bdd1 18%,#86c1c9 51%,#6fabbc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #93cede 0%,#75bdd1 18%,#86c1c9 51%,#6fabbc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #93cede 0%,#75bdd1 18%,#86c1c9 51%,#6fabbc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #93cede 0%,#75bdd1 18%,#86c1c9 51%,#6fabbc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#6fabbc',GradientType=0 ); /* IE6-9 */


    width:62px;
    height:480px;    
    padding-top: 20px;

    border-radius: 0px 28px 28px 0px;
    border: solid #777 0.5px;
}
.menu-bg-guest{
    background: #93cede; /* Old browsers */
    background: -moz-linear-gradient(top,  #93cede 0%, #75bdd1 18%, #86c1c9 51%, #6fabbc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93cede), color-stop(18%,#75bdd1), color-stop(51%,#86c1c9), color-stop(100%,#6fabbc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #93cede 0%,#75bdd1 18%,#86c1c9 51%,#6fabbc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #93cede 0%,#75bdd1 18%,#86c1c9 51%,#6fabbc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #93cede 0%,#75bdd1 18%,#86c1c9 51%,#6fabbc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #93cede 0%,#75bdd1 18%,#86c1c9 51%,#6fabbc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#6fabbc',GradientType=0 ); /* IE6-9 */


    width:62px;
    height:60px;    
    padding-top: 20px;

    border-radius: 0px 28px 28px 0px;
    border: solid #777 0.5px;
}

#ico-1{
    border-radius: 4px;

    background-image: url('../img/menu/cal-01.png');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;

    height:60px;
    width:60px;

    position: relative;

    top: -7px;    

    transition: background-size 0.5s;
}
#ico-1:hover{
    cursor: pointer;

    background-size: 100%;    
    transition: background-size 1s;
}

#ico-2{
    border-radius: 4px;

    background-image: url('../img/menu/cal-02.png');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;

    height:60px;
    width:60px;

    position: relative;
    top: -7px;        

    transition: background-size 0.5s;
}
#ico-2:hover{
    cursor: pointer;

    background-size: 100%;    
    transition: background-size 1s;
}
#ico-3{
    border-radius: 4px;    

    background-image: url('../img/menu/cal-03.png');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;

    height:60px;
    width:60px;

    position: relative;
    top: -7px;        

    transition: background-size 0.5s;
}
#ico-3:hover{
    cursor: pointer;

    background-size: 100%;    
    transition: background-size 1s;
}
#ico-4{
    border-radius: 4px;    

    background-image: url('../img/menu/cal-04.png');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;

    height:60px;
    width:60px;

    position: relative;
    top: -7px;        

    transition: background-size 0.5s;
}
#ico-4:hover{
    cursor: pointer;

    background-size: 100%;    
    transition: background-size 1s;
}
#ico-5{
    border-radius: 4px;    

    background-image: url('../img/menu/cal-05.png');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;

    height:60px;
    width:60px;

    position: relative;
    top: -7px;        

    transition: background-size 0.5s;
}
#ico-5:hover{
    cursor: pointer;

    background-size: 100%;    
    transition: background-size 1s;
}
#ico-6{
    border-radius: 4px;    

    background-image: url('../img/menu/cal-06.png');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;

    height:60px;
    width:60px;

    position: relative;
    top: -7px;        

    transition: background-size 0.5s;
}
#ico-6:hover{
    cursor: pointer;

    background-size: 100%;    
    transition: background-size 1s;
}
#ico-7{
    border-radius: 4px;    

    background-image: url('../img/menu/cal-07.png');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;

    height:60px;
    width:60px;

    position: relative;
    top: -7px;        

    transition: background-size 0.5s;
}
#ico-7:hover{
    cursor: pointer;

    background-size: 100%;    
    transition: background-size 1s;
}
#ico-8{
    border-radius: 4px;    

    background-image: url('../img/menu/cal-08.png');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;

    height:60px;
    width:60px;

    position: relative;
    top: -7px;        

    transition: background-size 0.5s;
}
#ico-8:hover{
    cursor: pointer;

    background-size: 100%;    
    transition: background-size 1s;
}
#ico-9{
    border-radius: 4px;    

    background-image: url('../img/menu/cal-09.png');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;

    height:60px;
    width:60px;

    position: relative;
    top: -7px;        

    transition: background-size 0.5s;
}
#ico-9:hover{
    cursor: pointer;

    background-size: 100%;    
    transition: background-size 1s;
}
#ico-10{
    border-radius: 4px;    

    background-image: url('../img/menu/cal-10.png');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;

    height:60px;
    width:60px;

    position: relative;
    top: -7px;        

    transition: background-size 0.5s;
}
#ico-10:hover{
    cursor: pointer;

    background-size: 100%;    
    transition: background-size 1s;
}